  <ion-header>
  <ion-navbar no-border-bottom>
    <ion-title>{{title}}</ion-title>
     <ion-buttons end>
        <button ion-button (click)="save()" >保存</button>
      </ion-buttons>
  </ion-navbar>
</ion-header>
<ion-content>
  <ion-list class='gfoa-list'>
    <ion-item>
        <ion-label><span class="required">*</span>起始日期:</ion-label>
          <ion-datetime displayFormat="YYYY-MM-DD" pickerFormat="YYYY-MM-DD" [(ngModel)]="edit[1]"
                    cancelText="取消" doneText="确定"
                    (ionChange)="startDateChange()">
          </ion-datetime>
    </ion-item>
    <ion-item>
        <ion-label><span class="required">*</span>结束日期:</ion-label>
          <ion-datetime displayFormat="YYYY-MM-DD" pickerFormat="YYYY-MM-DD" [(ngModel)]="edit[2]"
                    cancelText="取消" doneText="确定"
                    (ionChange)="endDateChange()">
          </ion-datetime>
    </ion-item>
    <ion-item>
      <ion-row>
        <ion-col col-2 class='title'><span class="required">*</span>标题:</ion-col>
        <ion-col class='substance'>
          <input type="text" placeholder="标题" name="title" [(ngModel)]="edit[4]">
        </ion-col>
      </ion-row>
    </ion-item>

    <ion-item-divider color="light">总结:</ion-item-divider>
    <ion-item  class="titleitem" >
        <ion-item class='text-content'>
            <textarea [(ngModel)]="pageShow5" placeholder=""></textarea>
        </ion-item>
    </ion-item>

    <ion-item-divider color="light">计划:</ion-item-divider>
    <ion-item  class="titleitem" >
        <ion-item class='text-content'>
            <textarea [(ngModel)]="pageShow6" placeholder=""></textarea>
        </ion-item>
    </ion-item>

    <ion-item-divider color="light">建议:</ion-item-divider>
    <ion-item  class="titleitem" >
        <ion-item class='text-content'>
            <textarea [(ngModel)]="pageShow7" placeholder=""></textarea>
        </ion-item>
    </ion-item>
  </ion-list>
  <ion-item-divider color="light">
    <div>
    <ion-row>
      <ion-col width-70>
        <span color="dark"><strong>工作日报({{chanelList ? chanelList.length : 0}}条)</strong></span>
      </ion-col>
      <ion-col width-30>
        <button ion-button small (click)="addCommunication()">关联记录</button>
        <button ion-button small (click)="delCommunication()">取消关联</button>
      </ion-col>
    </ion-row>
    </div>
  </ion-item-divider>
  <ion-card>
    <ion-list *ngFor="let item of chanelList;let i = index">
      <ion-row>
          <ion-col class="newtitle" col-1>
            <input type="checkbox" [(ngModel)]="item[9]">
          </ion-col>
          <ion-col col-11>
              <ion-item class="titleitem" (click)="checkIsSelected(item)">
              <ion-row>
                <ion-col col-4 class='left'>{{item[2]}}</ion-col>
                <ion-col class="space right" text-right>{{item[3]}}</ion-col>
                <ion-col col-1>
                  <ion-icon *ngIf="!item[item.length - 1]" name="arrow-forward"></ion-icon>
                  <ion-icon *ngIf="item[item.length - 1]" name="arrow-down"></ion-icon>
                </ion-col>
              </ion-row>
            </ion-item>
          </ion-col>
      </ion-row>

      <ion-list *ngIf="!item[item.length - 1]">
        <ion-item>
          <ion-row>
            <ion-col width-25 class="colName">序号:</ion-col>
            <ion-col class="colVal" text-right>{{i + 1}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-25 class="colName">客户类型:</ion-col>
            <ion-col class="colVal" text-right>{{item[0]}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-25 class="colName">沟通时间:</ion-col>
            <ion-col class="colVal" text-right>{{item[2]}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-20 class="colName">沟通客户:</ion-col>
            <ion-col width-80 class="colVal substance" text-right>{{item[3]}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-25 class="colName">沟通联系人:</ion-col>
            <ion-col class="colVal substance" text-right>{{item[4]}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-25 class="colName">员工:</ion-col>
            <ion-col class="colVal substance" text-right>{{item[5]}}</ion-col>
          </ion-row>


          <ion-row>
            <ion-col width-25 class="colName">接触方式:</ion-col>
            <ion-col class="colVal" text-right>{{item[6]}}</ion-col>
          </ion-row>

          <ion-row>
              <ion-col width-20 class="colName">沟通事由:</ion-col>
              <ion-col width-80 class="colVal substance" text-right>{{item[7]}}</ion-col>
          </ion-row>

          <ion-row>
            <ion-col width-20 class="colName">沟通内容:</ion-col>
            <ion-col width-80 class="colVal substance" text-right>{{item[8]}}</ion-col>
          </ion-row>
        </ion-item>
      </ion-list>
    </ion-list>
  </ion-card>
</ion-content>
